<!-- 用电量 -->
<template>
    <div class="electric">
        <CommonTitleComponent class="top" text="月度用电量及环比增速"></CommonTitleComponent>
        <chart-view
            :chart-option="EchartsMethods.energyElectric(state.chartData)"
            :auto-resize="true"
            height="100%"
            style="height: 100%"
        ></chart-view>
    </div>
</template>

<script setup lang="ts">
import { reactive } from 'vue';
import { EchartsMethods } from '@/chart/index';

const state = reactive({
    chartData: {
        ename: '用电量',
        Company: '单位：度',
        legname: '用电量（度）',
        elecolor: 'rgba(112, 231, 255, 1)',
        triccolor: 'rgba(70, 127, 251, 1)',
        eleitemcolor: 'rgba(40, 190, 198, 1)',
        elelinecolor: 'rgba(40, 190, 198, 1)',
        type: 'electric'
    }
});
</script>

<style scoped lang="scss">
.electric {
    height: 100%;
    // .top{
    //     padding-top: 16px;
    //     box-sizing: border-box;
    // }
}
</style>
